<ion-view class="" title="移动考勤" cache-view="false" >

  <ion-content class="has-header content-color">
    <div class="text-center">
      <div class="text-white-big" style="margin-top: 30px">移动考勤</div>
      <div class="row " style="height: 160px;margin-top: 30px">
        <div class="col col-50 text-center ">
          <div style="background-color: #ffffff;height:110px;width: 110px;margin: auto">
            <img width=100 height=100 style="margin-top: 5px" src='img/default-avatar.png'/>
            <!--<img width=100 height=100 ng-src="{{'data:image/png;base64,'+userImage || 'img/default-avatar.png'}}">-->
          </div>

        </div>
        <div class="col col-50 text-center" style="margin-top: 40px;">
          <!-- 人员-->
          <div class="text-white-big-second" >{{userName}}</div>
          <!-- 部门-->
          <div class="text-white-middle" style="font-size: 18px;" >{{userDepartment}}</div>

        </div>
      </div>
      <!-- 时间-->
      <div class="text-white-big" >{{time}}&nbsp;&nbsp;&nbsp;&nbsp;<a class="text-green-middle">{{apm}}</a></div>
      <!-- 年月日 星期-->
      <div class="text-white-middle" >{{year}}年{{month}}月{{date}}日&nbsp;&nbsp;&nbsp;&nbsp;星期{{day}}</div>
    </div>


    <div class="row " style="height: 200px;margin-top: 50px">
      <div class="col col-33 text-center">
        <button class="ion-ios-alarm button button-home "  ng-click="sign()"></button>
        <div class="text-white-middle">签到</div>
      </div>
      <div class="col col-33 text-center">
        <button class="ion-briefcase button button-home " ng-click="report()"></button>
        <div class="text-white-middle">汇报</div>
      </div>
      <div class="col col-33 text-center">
        <button class="ion-search button button-home " ng-click="search()"></button>
        <div class="text-white-middle">查询</div>
      </div>
    </div>
  </ion-content>

</ion-view>
